<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- <link rel="stylesheet" href="./index.css"> -->
  <link rel="stylesheet" href="//at.alicdn.com/t/c/font_2466124_24j5td877k9.css">
  <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
  <div class="w">
    <aside>
      <h1>黑马头条</h1>
      <ul>
        <li><a href="../content/content.html"><i class="iconfont icontext"></i>内容管理</a></li>
        <li><a href="../publish/publish.html"><i class="iconfont iconsend"></i>发布文章</a></li>
      </ul>
    </aside>

    <div class="main">
      <header>
        <div class="info">
          <span id="username"></span>
          <a href="#" class="logout">退出</a>
        </div>
      </header>


      <div class="content">
        <div class="content-manage">
          <div class="manage-title">
            内容管理
          </div>

          <div class="manage-status">
            状态：
            <label>
              <input type="radio" name="examine" id="" checked value="" class="examine">全部
            </label>

            <label>
              <input type="radio" name="examine" id="" value="1" class="examine">待审核
            </label>


            <input type="radio" name="examine" id="pass" value="2" class="examine"><label for="pass">审核通过</label>
          </div>

          <div class="manage-channel">
            频道：
            <select name="channel" id="channel">
              <option value="">请选择文章频道</option>
            </select>
          </div>

          <div class="select">
            <button type="button" class="btn btn-primary">筛选</button>
          </div>
        </div>
        <div class="content-footer">
          <table class="table middle">
            <thead>
              <tr>
                <th scope="col">封面</th>
                <th scope="col">标题</th>
                <th scope="col">状态</th>
                <th scope="col">发布时间</th>
                <th scope="col">阅读数</th>
                <th scope="col">评论数</th>
                <th scope="col">点赞数</th>
                <th scope="col">操作</th>
              </tr>
            </thead>
            <tbody class="table-body">
              <tr>
                <td><img src="../asset/girl2.jpg" alt=""></td>
                <td><span class="title">标题</span></td>
                <td>
                  <div class="status --bs-success-text">审核通过</div>
                </td>
                <td><span class="pubdate">0</span></td>
                <td><span class="read_count">0</span></td>
                <td><span class="comment_count">0</span></td>
                <td><span class="like_count">0</span></td>
                <td class="oper">
                  <!-- <a href="../publish/publish.html" class="edit"><i class="iconfont iconedit"></i></a> -->
                  <a href="#" class="edit"><i class="iconfont iconedit"></i></a>
                  <a href="#"><i class="iconfont icondelete" class="del"></i></a>
                </td>
              </tr>
              <tr>
                <th scope="row">2</th>
                <td>Jacob</td>
                <td>Thornton</td>
                <td>@fat</td>
              </tr>
              <tr>
                <th scope="row">3</th>
                <td colspan="2">Larry the Bird</td>
                <td>@twitter</td>
              </tr>
            </tbody>
          </table>

          <div class="page-helper">
            <button class="last">
             &lt;&lt; </button>
                <span class="currentPage">第1页</span>
                <button class="next">
                  >>
                </button>

                <span class="total_count">共1085条</span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <%if (htmlWebpackPlugin.options.useCDN){%>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/js/bootstrap.bundle.min.js"></script>
    <script src="https://unpkg.com/axios@1.1.2/dist/axios.min.js"></script>
    <%}%>
      <!-- <script src="../utils/myAlert.js"></script>
  <script src="../utils/request.js"></script>
  <script src="../utils/auth.js"></script>
  <script src="./index.js"></script> -->
</body>

</html>